<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--img是图片标签,属于行内元素
    属性有 src:图片的位置
    alt:图片加载加载失败时的提示,也用于搜索引擎的搜索
    title:讲鼠标悬停在图片时出现提示
    width和height:设置长宽,单位是px(像素)只设置一个时会自动适配另一个值,一般尽量不同时设置宽高,防止比例失调

-->
<img src="../resource/img/img01.png" alt="图片加载失败">
</body>
</html>

<!--
常见图片格式
jpg/jpeg:有损压缩,去掉没必要的细节,占用空间小,不支持透明背景和动态图
png:无损压缩,保留细节,支持透明背景,不支持动态图
bmp::不进行压缩,对细节保留极高,不支持透明背景,不支持动态图
gif:支持颜色较少,支持简单透明背景,支持动态图
webp:谷歌推出的图片格式,集合上述的所有优点,但是兼容性不好
base64:本质是一串特殊文本,要通过浏览器打开,传统看图不能打开,,原理是将图片进行base64编码




-->